/* pages/chat/chat.wxss */
.container {
  height: 100vh;
  overflow: hidden;
  position: relative;
  display: flex;
  flex-direction: column;
}

scroll-view{
  flex: 1;
  overflow-y: auto;
}

.case-tab{
  display: flex;
  margin: 30rpx auto;
  justify-content: center;

  .tab{
    min-width: 190rpx;
    height: 60rpx;
    line-height: 60rpx;
    font-size: 32rpx;
    padding: 0 32rpx;
    text-align: center;
    color: #fff;
    box-sizing: border-box;

    &.active{
      background: #32A9F5;
      border-radius: 30rpx;
    }
  }
}

.case-all,
.case-my{
  width: 660rpx;
  margin: 0 auto;
  display: none;

  &.show{
    display: block;
  }

  .empty{
    height: 300rpx;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #aaa;
    font-size: 26rpx;
  }

  .case{
    margin-bottom: 20rpx;
    background: #fff;
    border-radius: 16rpx;
    overflow: hidden;
    .title{
      height: 94rpx;
      font-size: 32rpx;
      background: #32A9F5;
      padding: 0 40rpx 0 30rpx;
      display: flex;
      justify-content: space-between;
      align-items: center;
      color: #fff;

      .t{
        flex: 1;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }

      .detail-btn{
        font-size: 24rpx;
      }
    }
    .info{
      border: 1px #CDCDCD solid;
      border-radius: 0 0 16rpx 16rpx ;
      border-width: 0 1px 1px 1px;
      overflow:hidden;

      .detail{
        padding: 30rpx 40rpx 0 30rpx;
        margin-bottom: 20rpx;
      }

      .label{
        font-size: 26rpx;
        font-weight: 700;
      }

      .value{
        font-size: 24rpx;
        color: #777676;
      }

      .tags{
        margin-bottom: 20rpx;
        .label{
          display: flex;
          align-items: center;
        }
        .tag{
          height: 36rpx;
          line-height: 36rpx;
          padding: 0 15rpx;
          background:  rgba(50, 169, 245, 0.5);
          border-radius: 4rpx;
          margin-left: 12rpx;
          font-weight: normal;
          font-size: 20rpx;
          color: #fff;
        }
      }

      .status, .transfer{
        margin-bottom: 20rpx;
        padding: 0 0 20rpx;
        border-bottom: 1px #DBDBDB solid;
        .label{
          margin-bottom: 5rpx;
        }
      }

      .other{
        margin-bottom: 20rpx;
        padding: 0 0 20rpx;
        display: flex;
        .value{
          font-size: 24rpx;
        }
        .time{
          min-width: 180rpx;
          max-width: 360rpx;
        }
        .hospital{
          margin-left: 60rpx;
        }
      }

      .comment{
        display: flex;
        align-items: center;
        .icon{
          width: 20rpx;
          height: 18rpx;
        }
        .num{
          font-size: 24rpx;
          margin-left: 10rpx;
        }
        .list{
          display: flex;
          margin-left: 10rpx;

          .avatar{
            width: 30rpx;
            height: 30rpx;
            border: 6rpx #fff solid;
            margin-left: -10rpx;

            &:nth-child(1){
              margin-left: -5rpx;
            }
          }
        }
      }

      .webinar{
        display: flex;
        justify-content: space-between;
        background: #FFFCEF;
        padding: 30rpx 30rpx 24rpx 30rpx;
        align-items: center;

        .w-info{
          .label{
            display: flex;
            align-items: center;
            font-size: 28rpx;
            .icon{
              width: 20rpx;
              height: 20rpx;
              margin-right: 10rpx;
            }
          }
          .tip{
            font-size: 20rpx;
            color: #858585;
            padding: 0 0 0 30rpx;
          }
        }
        .w-join{
          height: 52rpx;
          line-height: 52rpx;
          background: #FFC518;
          padding: 0 20rpx;
          color: #fff;
          font-size: 24rpx;
          border-radius: 26rpx;
        }
      }
    }
  }
}

.ai-train{
  display: none;

  &.show{
    display: block;
  }
}

// .dashboard{
//   padding: 0 35rpx;
//   display: flex;
//   gap: 24rpx;
//   .box{
//     flex: 1;
//     height: 182rpx;
//     background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0.8) 100%);
//     border-radius: 16rpx;
//     display: flex;
//     flex-direction: column;
//     align-items: center;
//     justify-content: center;
//     .span{
//       display: flex;
//       align-items: flex-end;
//       .num{
//         font-size: 60rpx;
//       }
//       .fix{
//         font-size: 24rpx;
//         padding-bottom: 8rpx;
//       }
//     }
//     .name{
//       font-size: 28rpx;
//       color: #656565;
//     }
//     &.total{
//       .span{
//         .num, .fix{
//           color: #4FB6F7;
//           font-weight: bold;
//         }
//       }
//     }
//     &.unfinished{
//       .span{
//         .num, .fix{
//           color: #F74F4F;
//           font-weight: bold;
//         }
//       }
//     }
//     &.percent{
//       .span{
//         .num, .fix{
//           color: #39D1A6;
//           font-weight: bold;
//         }
//       }
//     }
//   }
// }

// .project{
//   padding: 0 35rpx;
//   margin-top: 28rpx;
//   .box{
//     background: #fff;
//     border-radius: 16rpx;
//     padding: 36rpx;
//     position:relative;
//     overflow: hidden;
//     margin-bottom: 15rpx;
//     box-shadow: 0 5rpx 5rpx rgba(0,0,0,0.05);
//     &.audit{
//       .tip{
//         background: rgba(253, 184, 82, 1);
//       }
//     }

//     .tip{
//       padding: 12rpx 24rpx;
//       position: absolute;
//       top: 0;
//       right: 0;
//       background: #32A9F5;
//       font-size: 24rpx;
//       color: #fff;
//     }
//     .title{
//       font-size: 36rpx;
//     }
//     .labels{
//       display: flex;
//       margin-top: 14rpx;
//       .label{
//         padding: 0 16rpx;
//         height: 36rpx;
//         line-height: 36rpx;
//         background: rgba(50, 169, 245, 0.5);
//         font-size: 20rpx;
//         color: #fff;
//         border-radius: 4px;
//         margin-right: 10rpx;
//       }
//     }
//     .info{
//       margin-top: 28rpx;
//       display: grid;
//       gap: 10rpx;
//       grid-template-columns: repeat(2, 1fr);
//       grid-template-rows: repeat(2, 1fr);
//       .p{
//         font-size: 20rpx;
//         color: rgba(67, 67, 67, 1);
//       }
//     }
//     .btn{
//       width: 100%;
//       height: 68rpx;
//       line-height: 68rpx;
//       text-align: center;
//       color:#fff;
//       font-size: 32rpx;
//       background: rgba(50, 169, 245, 1);
//       margin-top: 45rpx;
//       border-radius: 4rpx;
//     }
//   }
// }